<!--
 * @Author: Leo.wang wanglizhigs@163.com
 * @Date: 2023-11-29 09:29:27
 * @LastEditors: Leo.wang wanglizhigs@163.com
 * @LastEditTime: 2023-12-08 14:24:32
 * @FilePath: /tuberculosis_screening_app/src/pages/patient/ecg.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="page p_default">
    <Card title="header">
      <div class="grid column_3 divider_vertical">
        <StatSheet class="grid-item p_xs" title="有卡痕人数" :count="150">
        </StatSheet>
        <StatSheet class="grid-item p_xs" title="有卡痕人数" :count="150">
        </StatSheet>
        <StatSheet class="grid-item p_xs" title="有卡痕人数" :count="150">
        </StatSheet>
      </div>
      <div class="grid column_3 divider_vertical">
        <StatSheet class="grid-item p_xs" title="有卡痕人数" :count="150">
        </StatSheet>
        <StatSheet class="grid-item p_xs" title="有卡痕人数" :count="150">
        </StatSheet>
        <StatSheet class="grid-item p_xs" title="有卡痕人数" :count="150">
        </StatSheet>
      </div>
    </Card>


    <Card title="header">


      
    </Card>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import { Card, StatSheet } from '@/components/common/index';
export default defineComponent({
  components: {
    Card,
    StatSheet,
  },
});
</script>

<style lang="scss" scoped>
.page {
  background: #eeeeee;
}
</style>

